{% extends "common/layout.html" %}



{% block content %}

    <script src="/static/plugins/jquery.min.js"></script>

    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/js/themes/vintage.js"></script>


    <div class="row">

     <div class="col-lg-4" name="api_bpm_leader_xb_table">
            <div class="panel panel-primary" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
            <div class="panel-heading">Panel heading</div>
                <div class="panel-body" style="height: 385px;">
                    {#标签页#}
                    <ul class="nav nav-tabs nav-justified" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#one" aria-controls="one" role="tab" data-toggle="tab">{{ dategroup[0] }}
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#two" aria-controls="two" role="tab" data-toggle="tab">{{ dategroup[1] }}

                            </a>
                        </li>

                        <li role="presentation">
                            <a href="#three" aria-controls="three" role="tab" data-toggle="tab">{{ dategroup[2] }}

                            </a>
                        </li>



                        {#                <li role="presentation">#}
                        {#                    <a href="#five" aria-controls="five" role="tab" data-toggle="tab">定标阶段#}
                        {#                        <span class="badge">{{ num[4] }}</span>#}
                        {#                    </a>#}
                        {#                </li>#}

                        {#                <li role="presentation">#}
                        {#                    <a href="#six" aria-controls="six" role="tab" data-toggle="tab">合同阶段#}
                        {#                        <span class="badge">{{ num[5] }}</span>#}
                        {#                    </a>#}
                        {#                </li>#}

                    </ul>
                    <div class="panel panel-default" style="margin-top: -1px">
                        <div class="panel-body" style="height: 310px;">
                            {#内容#}
                            <div class="tab-content">

                                <div role="tabpanel" class="tab-pane active" id="one">
                                    <div class="row" style="margin-top: -16px">
                                        <row class="data-table">
                                            <table class="table table-bordered table-hover">
                                                <tr>
                                                    <th class="info">姓名</th>
                                                    <th class="info">平均审批时间</th>
                                                    <th class="info">审批单数</th>
                                                </tr>

                                                {% for item in leader_xb[0] %}
                                                    <tr>
                                                        <th>{{ item.name }}</th>
                                                        <th>{{ item.timenum }}小时</th>
                                                        <th>{{ item.totalnum }}条</th>
                                                    </tr>
                                                {% endfor %}

                                            </table>
                                        </row>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="two">
                                    <div class="row" style="margin-top: -16px">
                                        <row class="data-table">
                                            <table class="table table-bordered table-hover">
                                                <tr>
                                                    <th class="info">姓名</th>
                                                    <th class="info">平均审批时间</th>
                                                    <th class="info">审批单数</th>
                                                </tr>

                                                     {% for item in leader_xb[1] %}
                                                    <tr>
                                                        <th>{{ item.name }}</th>
                                                        <th>{{ item.timenum }}小时</th>
                                                        <th>{{ item.totalnum }}条</th>
                                                    </tr>
                                                {% endfor %}

                                            </table>
                                        </row>
                                    </div>
                                </div>

                               <div role="tabpanel" class="tab-pane" id="three">
                                    <div class="row" style="margin-top: -16px">
                                        <row class="data-table">
                                            <table class="table table-bordered table-hover">
                                                <tr>
                                                    <th class="info">姓名</th>
                                                    <th class="info">平均审批时间</th>
                                                    <th class="info">审批单数</th>
                                                </tr>

                                                     {% for item in leader_xb[2] %}
                                                    <tr>
                                                        <th>{{ item.name }}</th>
                                                        <th>{{ item.timenum }}小时</th>
                                                        <th>{{ item.totalnum }}条</th>
                                                    </tr>
                                                {% endfor %}

                                            </table>
                                        </row>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
            <script>
                $('#myTabs a').click(function (e) {
                    e.preventDefault()
                    $(this).tab('show')
                })
            </script>
        </div>

        <div class="col-lg-3" name="bpm_leader_xb_time">
            <div class="panel panel-primary" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
                <div class="panel-heading">Panel heading</div>
                <div class="panel-body" style="height: 385px;">
                    <div id="bpm_leader_xb_time" style="width:100%; height:100%;">
                        <script>
                            $(function () {
                                    var chart = echarts.init(document.getElementById('bpm_leader_xb_time'), 'white', {renderer: 'canvas'});
                                    $.ajax({
                                        type: "GET",
                                        url: "http://192.168.153.206/bpm/api_bpm_leader_xb_time",
                                        dataType: 'json',
                                        success: function (result) {
                                            chart.setOption(result);
                                        }
                                    });
                                }
                            )
                        </script>
                    </div>

                </div>
            </div>
        </div>

        <div class="col-lg-3" name="bpm_leader_xb_total">
            <div class="panel panel-primary" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
                <div class="panel-heading">Panel heading</div>
                <div class="panel-body" style="height: 385px;">
                    <div id="bpm_leader_xb_total" style="width:100%; height:100%;">
                        <script>
                            $(function () {
                                    var chart = echarts.init(document.getElementById('bpm_leader_xb_total'), 'white', {renderer: 'canvas'});
                                    $.ajax({
                                        type: "GET",
                                        url: "http://192.168.153.206/bpm/api_bpm_leader_xb_total",
                                        dataType: 'json',
                                        success: function (result) {
                                            chart.setOption(result);
                                        }
                                    });
                                }
                            )
                        </script>
                    </div>

                </div>
            </div>
        </div>





    </div>


    {#                <div role="tabpanel" class="tab-pane" id="six">#}
    {#                    <div class="row" style="margin-top: 10px">#}
    {#                        <row class="data-table">#}
    {#                            <table class="table table-bordered table-hover">#}
    {#                                <tr>#}
    {#                                    <th class="info">文件种类</th>#}
    {#                                    <th class="info">文件名称</th>#}
    {#                                    <th class="info">文件大小</th>#}
    {#                                    <th class="info">文件类型</th>#}
    {#                                    <th class="info">上传时间</th>#}
    {#                                    <th class="info">上传人员</th>#}
    {#                                    <th class="info">下载文件</th>#}
    {#                                </tr>#}
    {#                                {% for item in alldetail[5] %}#}
    {#                                    <tr>#}
    {#                                        <th>{{ item.classtwo }}</th>#}
    {#                                        <th>{{ item.name }}</th>#}
    {#                                        <th>{{ item.size }}MB</th>#}
    {#                                        <th>{{ item.type }}</th>#}
    {#                                        <th>{{ item.created_time }}</th>#}
    {#                                        <th>{{ item.creater.nickname }}</th>#}
    {##}
    {#                                        <th>#}
    {#                                            <a href="{{ item.url }}" class="btn btn-warning" onclick="bookopensix()">#}
    {#                                                查看文件#}
    {#                                            </a>#}
    {#                                            <a class="btn btn-danger"#}
    {#                                               href="{{ buildUrl('/book/detaildelete') }}?id={{ item.id }}">删除</a>#}
    {#                                        </th>#}
    {#                                    </tr>#}
    {#                                    <script>#}
    {#                                        function bookopensix() {#}
    {#                                            var uid = {{ current_user.id }};#}
    {#                                            var project = "{{ bookindex.projectname }}" + "{{ bookindex.gcname }}";#}
    {#                                            var classone = "{{ item.classone }}";#}
    {#                                            var classtwo = "{{ item.classtwo }}";#}
    {#                                            var filename = "{{ item.name }}";#}
    {##}
    {#                                            $.ajax({#}
    {#                                                url: common_ops.buildUrl("/record/bookopenrecord"),#}
    {#                                                type: "POST",#}
    {#                                                data: {#}
    {#                                                    part: "招定标档案信息存档",#}
    {#                                                    project: project,#}
    {#                                                    classone: classone,#}
    {#                                                    classtwo: classtwo,#}
    {#                                                    filename: filename,#}
    {#                                                    uid: uid,#}
    {#                                                    action: "查看",#}
    {#                                                },#}
    {#                                                dataType: 'json',#}
    {#                                                success: function (res) {#}
    {#                                                }#}
    {#                                            });#}
    {#                                        }#}
    {#                                    </script>#}
    {##}
    {#                                {% endfor %}#}
    {#                            </table>#}
    {#                        </row>#}
    {##}
    {##}
    {#                    </div>#}
    {#                </div>#}

    </div>
    </div>

    </div>


{% endblock %}



